//获取账号名称节点
var per = document.querySelector('.list1').children[1].lastElementChild;
var per2 = document.querySelector('.box-login').children[1]
//获取cookie
var n1=getCookie('name');
//账号显示
if(n1){
  per.innerHTML = n1;
  per2.innerHTML = n1+",你好";
}else{
  per.innerHTML = '亲，请登录';
  per2.innerHTML = "Hi!你好";
}
//账号切换
var zhanghao = document.querySelector('.list1').children[1]
    zhanghao.onclick=function(){
        if(n1){
          var c=confirm("您已登录，是否切换账号")
          if(c){
            delCookie('name',t1=-1);
            location="../02login/login.html"
          }
        }else{
          location="../02login/login.html"
        }
    }
//跳转购物车
var car = document.querySelector('.list2').children[1]
    car.onclick=function(){
      if(n1){
        location="../06shopcar/shopcar.html"
      }else{
        alert("您还未登陆，请登录")
        location="../02login/login.html"
      }
    }
    
//猜你喜欢
var box = document.querySelector('.like-list')
var pag=document.querySelector('.pagination')
var index=1;//当前显示的页数
var size=20;//一页显示20条
async function getData(){
  var txt=await PromiseAjax({
      url:'./index.php',
      //将显示的页数和对应的条数传给后端
      data:`idx=${index}&size=${size}`,
  })
  //  把字符串转为数组
  var ar1 = eval('('+txt+')')
  console.log(ar1);
  //创建字符串，拼接所有的内容
  var str=''
  //遍历数组元素
  ar1.forEach((item)=>{
      str+=`
        <li>
          <a href="../04xiangqing/xiangqing.html?id=${item.goods_id}">
            <img src="${item.goods_small_logo}" alt="">
            <h4>${item.goods_name}</h4>
            <span class="price">
              <em>￥</em>
              ${item.goods_price}
            </span>
          </a>  
        </li>
      `
  })
  //把拼接好的内容渲染到页面上
  box.innerHTML+=str
}

getData();

//懒加载：滚动到底部的时候，加载新的数据
let html = document.querySelector("html");//获取html
let flag = true;//开关判断（防抖）
//浏览器滚动条事件
window.onscroll = function () {
    if (scrollY >= html.scrollHeight - innerHeight - 1 && flag == true) {
        flag = false;
        index += 1;
        if (index <= 20) {
          getData();//调用渲染商品的方法
        }
    }
    flag = true;
}


//轮播图
var mySwiper = new Swiper ('.swiper', {
    direction: 'horizontal', // 垂直切换选项
    loop: true, // 循环模式选项
     
    autoplay: {
        delay: 2000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
        },
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    
  
  })
  
  